﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="List.aspx.cs" Inherits="Admin_List" %>

<%@ Register src="UserControls/Location.ascx" tagname="Location" tagprefix="uc1" %>

<%@ Register src="UserControls/GridPager.ascx" tagname="GridPager" tagprefix="uc2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="expires" content="Wed, 23 Aug 2006 12:40:27 UTC" />    
    <script src="js/jquery.js" type="text/javascript"></script>
    <link href="datepicker/datePicker.css" rel="stylesheet" type="text/css" />
    <script src="datepicker/date.js" type="text/javascript"></script>
    <script src="datepicker/jquery.datePicker.js" type="text/javascript"></script>    
    </head>
<body class="ListBody">
    <form id="form1" runat="server">
    <div>
        <!--当前位置开始-->
        <uc1:Location ID="Location1" runat="server" />        
        <!--当前位置结束-->
        
        <!--搜索开始-->
        <asp:Panel ID="SearchPanel" CssClass="SearchPanel" runat="server">
            <ul class="SearchTxt">
                <li class="Searchtext">搜索:</li>
                <li class="SearchExpand">合并</li>
            </ul>
            <div class="ExpandDiv" id="ExpandDiv">
                <ul class="SearchField">
                    <asp:Panel ID="SearchFieldPanel" CssClass="SearchFieldPanel" runat="server">
                    </asp:Panel>
                </ul>
                <div class="SearchBtn">
                    <asp:Button ID="SearchButton" runat="server" OnClick="SearchButton_Click" Text="搜索"
                        ValidationGroup="Search" SkinID="SearchButton" CssClass="SearchButton" />
                    <asp:Button ID="SearchClearButton" runat="server" OnClick="SearchClearButton_Click"
                        Text="清空" ValidationGroup="SearchClear" SkinID="ClearButton" CssClass="ClearButton" />
                </div>
            </div>
        </asp:Panel>
        <!--搜索结束-->
        <div class="ListContent">
        <!--操作按钮开始-->
        <asp:Panel ID="ButtonPanel" runat="server" CssClass="ButtonPanel">
            <asp:Button ID="addNewButton" runat="server" Text="添加" ValidationGroup="OP" 
                onclick="addNewButton_Click" />
            <asp:Button ID="moveto" runat="server" onclick="moveto_Click" Text="移动" ValidationGroup="OP" />
            <asp:Button ID="delAllButton" runat="server" Text="批量删除" ValidationGroup="OP" 
                onclick="delAllButton_Click" />
            <asp:Button ID="output" runat="server" onclick="output_Click" Text="导出Excel" />
        </asp:Panel>
        <!--操作按钮结束-->
        
        <!--表格开始-->
        <asp:Panel ID="GridPanel" runat="server">
        <asp:GridView ID="GridView1" runat="server" AllowSorting="True" 
            AutoGenerateColumns="False"
            onsorting="GridView1_Sorting" DataSourceID="SqlDataSource1" AllowPaging="True" 
                onpageindexchanging="GridView1_PageIndexChanging" PageSize="2" 
                EmptyDataText="未找到相关数据" Width="98%" SkinID="ListGrid">            
            <PagerTemplate>
                <uc2:GridPager ID="GridPager1" runat="server" />
            </PagerTemplate>
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"></asp:SqlDataSource>
        </asp:Panel>
        <!--表格结束-->
        </div>
    </div>
    <script language="javascript">
        $(document).ready(function()
        {
            $("#selectall").click(function()
            {
                $("input[type='checkbox']").not($(this)).attr("checked", $(this).attr("checked"));
            });
            $(".SearchExpand").toggle(function()
            {
                $("#ExpandDiv").hide();
                $(this).html("展开");
            }, function()
            {
                $("#ExpandDiv").show();
                $(this).html("合并");
            });
        });
    </script>    
    </form>
    </body>
</html>
